<div th:fragment="top"  class="top-box">
    <div class="zb-container">
        <span class="">
            欢迎访问智博客，这是一个记录世界的平台！
        </span>
    </div>
</div>
<nav id ="navbar" th:fragment="navbar" class="navbar navbar-default ">
    <div class="zb-container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">
								Toggle navigation
							</span>
                <span class="icon-bar">
							</span>
                <span class="icon-bar">
							</span>
                <span class="icon-bar">
							</span>
            </button>
            <a class="logo-a" href="/">
                <img src="/img/logo1.png" alt="logo" />
            </a>
        </div>
        <div class="collapse navbar-collapse navbar-right" aria-expanded="false">
            <ul class="nav navbar-nav">
                <li th:class="${categoryId=='index' ? 'active' : ''} ">
                    <a th:href="@{/}">
                        首页
                    </a>
                </li>
                <li th:each="category:${@module.get('categoryList')}" th:class="${category.id==categoryId ? 'active':(#lists.isEmpty(category.nodes)?'':'dropdown')}">
                    <a th:if="${category.pid==null||category.pid==0}" th:href="@{${not #lists.isEmpty(category.nodes)? '#': ('/blog/category/' + category.id)}}" th:class="${#lists.isEmpty(category.nodes)?'':'dropdown-toggle'}" th:data-toggle="${#lists.isEmpty(category.nodes)?'':'dropdown'}">
                        <span th:text="${category.name}"></span>
                        <b th:if="${not #lists.isEmpty(category.nodes)}" class="caret"></b>
                    </a>
                    <ul th:if="${not #lists.isEmpty(category.nodes)}" class="dropdown-menu">
                        <li th:each="node:${category.nodes}"><a th:href="@{${'/blog/category/' + node.id}}" th:text="${node.name}"></a></li>
                    </ul>

                </li>
                <li class="">
                    <a href="/blog/comment" th:class="${categoryId=='comment' ? 'active' : ''} ">
                        留言板
                    </a>
                </li>
                <li class="">
                    <a target="_blank" href="http://music.nbclass.com">
                        音乐馆
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i  class="fa fa-search search-btn"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>